$headerHeight: 58px;
$menuWidth: 240px;

.menu-list{
  float: left;
  min-height: 100%;
  width: $menuWidth;
  background: #fff;
  box-shadow: 1px 1px 3px -1px #c4c8ce;


  ul.menu-inner{
    li a{
      display: block;
      height: 50px;
      line-height: 50px;
      /*border-bottom: 1px solid #dbdbdb;*/
      cursor: pointer;
      user-select: none;
      color: #666;
      text-decoration: none;
      /*&:hover{
        background: #fefefe;
      }*/
      i.menu-icon{
        font-size: 20px;
        margin-right: 22px;
      }
    }

    li a.active{
      background: #149ff1;
      color: #fff;
      .icon-margin{
        color: #fff;
      }
    }

    .nav-menu{
      padding: 0 21px 0 42px;
    }

    .has-sub{
      .arrow{
        float: right;
        transition: all 0.2s ease-in-out;
      }
      .arrow.arrow-expand{
        transform: rotate(90deg);
      }
    }
    a.sub{
      /*&:hover{
        background: #ededed;
      }*/
    }
    .sub-menu-group{
      background: #f5f5f5;
      li{
        &:hover{
          background: #edf0f5;
        }
      }
    }
    .sub-1{
      padding-left: 63px;
    }
    .sub-2{
      padding-left: 78px;
    }

  }

}

.nav-menu{
  .icon-margin{
    margin-right: 20px;
    color: #008bdd;
  }
}

.menu-org1{
  background: #7bd1db;
  color: #fff;
  letter-spacing: 17px;
  text-align: center;
  line-height: 60px;
  font-weight: 600;
  font-size: 32px;
}

.menu-unit{
  &:hover{
    background: #edf0f5;
  };
}